<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/bootstrap.min.css" rel="stylesheet">
    	<link href="css/custom.css" rel="stylesheet">
    	<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    	<script type="text/javascript" src="js/bootstrap.min.js"></script>
    	<script type="text/javascript" src="js/custom.js"></script>
    	<!--[if lt IE 9]>
	      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	    <![endif]-->
	</head>
	<body>
		<div class="container wrapper">
			<div class="container header">
				<div class="row">
					<div class="col-lg-1"></div>
					<div class="col-lg-5">
						<a href="#">
							<img  class="img-logo" alt="logo" src="images/png icon/Untitled-1-02.png">
						</a>
					</div>
					<div class="col-lg-5 form-search">
						<div class="pull-right">
							<div class="navbar-form">
							  <div class="form-group">
							    <input type="text" class="form-control" placeholder="">
							  </div>
							  <a href="#"><img alt="" src="images/png icon/Untitled-1-16.png"></a>
							</div>  
							<ul class="nav navbar-nav">
								<li>
									<a>Đăng ký</a>
								</li>
								<li><font color="white">|</font></li>
								<li>
									<a>Đăng nhập</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-lg-1"></div>
				</div>
			</div>
			<div class="container header-phone">
				<a href="#">
					<img  class="img-logo" alt="logo" src="images/icon web/Untitled-1-16.png">
				</a>
				<a href="#"><img alt="" src="images/png icon/Untitled-1-16.png"></a>
			</div>
			<nav class="navbar navbar-default navbar-fixed-top nav-desktop" role="navigation">
				<div class="container menu-top">	
					<div class="row">
						<div class="col-lg-1"></div>
						<div class="col-lg-10">
							<ul class="nav navbar-nav">
						         <li>
						         	<a href="#" class="nav-home-page">
						         		Trang chủ
						         	</a>
						         </li>
						         <li>
						         	<a href="#" class="nav-wedding-images">
						         		Ảnh cưới
						         	</a>
						         </li>
						         <li>
						         	<a href="#" class="nav-bride-groom">
						         		Cô dâu chú rể
						         	</a>
						         </li>
						         <li>
						         	<a href="#" class="nav-wedding-service">
						         		Dịch vụ cưới
						         	</a>
						         </li>
						         <li>
						         	<a href="#" class="nav-honeymoon">
						         		Trăng mật
						         	</a>
						         </li>
						         <li>
						         	<a href="#" class="nav-shopping">
						         		Shopping
						         	</a>
						         </li>
						         <li>
						         	<a href="#" class="nav-share">
						         		Chia sẻ
						         	</a>
						         </li>
						      </ul>
						</div>
						<div class="col-lg-1"></div>
					</div>
				</div>
			</nav>
            <nav class="navbar navbar-default nav-phone" role="navigation">
               <div class="navbar-header">
                  <button type="button" class="navbar-toggle btn-open-menu" data-toggle="collapse" 
                     data-target="#example-navbar-collapse">
                  </button>
                  <a class="navbar-brand" href="#">Trang chủ</a>
               </div>
               <div class="collapse navbar-collapse" id="example-navbar-collapse">
                  <ul class="nav navbar-nav">
                     <li><a href="#">Ảnh cưới</a></li>
                     <li><a href="#">Cô dâu chú rể</a></li>
                     <li><a href="#">Dịch vụ cưới</a></li>
                     <li><a href="#">Trăng mật</a></li>
                     <li><a href="#">Shopping</a></li>
                     <li><a href="#">Chia sẻ</a></li>
                  </ul>
               </div>
            </nav>
			<div class="container content">
				<div class="row">
					<div class="col-lg-1"></div>
					<div class="col-lg-10">
						<div class="row">
							<div class="col-lg-4">
								<img class="img-vertical" alt="" src="images/icon web/Untitled-1-20.png">
								<div class="product-info">
									<div class="pull-left div-product-name">
                                       	<a class="product-name" href="#">
                                           	<img alt="" src="images/png icon/Untitled-1-30.png">
                                           	Trang Bông
                                        </a>
                                    </div>
                                    <div class="pull-right">
                                    	<nav class="nav navbar-nav other-info">
	                                    	<li>
	                                        	<a class="album-name" href="#">
	                                            	Album Singapore "Love Rain"
	                                            </a>
	                                        </li>
	                                        <li>
	                                        	<a href="#"><img alt="" src="images/png icon/Untitled-1-15.png"></a>
	                                        </li>
	                                        <li class="clear"></li>
	                                        <li>
	                                        	<a href="#">
	                                            	Cô dâu chú rể
	                                            </a>
	                                        </li>
	                                        <li><a>|</a></li>
	                                        <li>
	                                        	<a href="#">
	                                            	Váy cưới
	                                            </a>
	                                        </li>
	                                        <li><a>|</a></li>
	                                        <li>
	                                        	<a href="#">
	                                            	189
	                                            </a>
	                                        </li>
	                                        <li>
	                                        	<a href="#"><img alt="" src="images/png icon/Untitled-1-14.png"></a>
	                                        </li>
	                                    </nav>
                                    </div>
                                    <div class="clear"></div>
								</div> 
							</div>
							<div class="col-lg-4">
								<img class="img-vertical" alt="" src="images/icon web/Untitled-1-20.png">
								<div class="product-info">
									<div class="pull-left div-product-name">
                                       	<a class="product-name" href="#">
                                           	<img alt="" src="images/png icon/Untitled-1-30.png">
                                           	Trang Bông
                                        </a>
                                    </div>
                                    <div class="pull-right">
                                    	<nav class="nav navbar-nav other-info">
	                                    	<li>
	                                        	<a class="album-name" href="#">
	                                            	Album Singapore "Love Rain"
	                                            </a>
	                                        </li>
	                                        <li>
	                                        	<a href="#"><img alt="" src="images/png icon/Untitled-1-15.png"></a>
	                                        </li>
	                                        <li class="clear"></li>
	                                        <li>
	                                        	<a href="#">
	                                            	Cô dâu chú rể
	                                            </a>
	                                        </li>
	                                        <li><a>|</a></li>
	                                        <li>
	                                        	<a href="#">
	                                            	Váy cưới
	                                            </a>
	                                        </li>
	                                        <li><a>|</a></li>
	                                        <li>
	                                        	<a href="#">
	                                            	189
	                                            </a>
	                                        </li>
	                                        <li>
	                                        	<a href="#"><img alt="" src="images/png icon/Untitled-1-14.png"></a>
	                                        </li>
	                                    </nav>
                                    </div>
                                    <div class="clear"></div>
								</div> 
							</div>
							<div class="col-lg-4">
								<img class="img-vertical" alt="" src="images/icon web/Untitled-1-20.png">
								<div class="product-info">
									<div class="pull-left div-product-name">
                                       	<a class="product-name" href="#">
                                           	<img alt="" src="images/png icon/Untitled-1-30.png">
                                           	Trang Bông
                                        </a>
                                    </div>
                                    <div class="pull-right">
                                    	<nav class="nav navbar-nav other-info">
	                                    	<li>
	                                        	<a class="album-name" href="#">
	                                            	Album Singapore "Love Rain"
	                                            </a>
	                                        </li>
	                                        <li>
	                                        	<a href="#"><img alt="" src="images/png icon/Untitled-1-15.png"></a>
	                                        </li>
	                                        <li class="clear"></li>
	                                        <li>
	                                        	<a href="#">
	                                            	Cô dâu chú rể
	                                            </a>
	                                        </li>
	                                        <li><a>|</a></li>
	                                        <li>
	                                        	<a href="#">
	                                            	Váy cưới
	                                            </a>
	                                        </li>
	                                        <li><a>|</a></li>
	                                        <li>
	                                        	<a href="#">
	                                            	189
	                                            </a>
	                                        </li>
	                                        <li>
	                                        	<a href="#"><img alt="" src="images/png icon/Untitled-1-14.png"></a>
	                                        </li>
	                                    </nav>
                                    </div>
                                    <div class="clear"></div>
								</div> 
							</div>
						</div>
					</div>
					<div class="col-lg-1"></div>
				</div>
				<div class="row">
					<div class="col-lg-1"></div>
					<div class="col-lg-10">
						<div class="row">
							<div class="col-lg-6"><img alt="" src="images/icon web/Untitled-1-19.png"></div>
							<div class="col-lg-6"><img alt="" src="images/icon web/Untitled-1-19.png"></div>
						</div>
					</div>
					<div class="col-lg-1"></div>
				</div>
				<div class="row">
					<div class="col-lg-1"></div>
					<div class="col-lg-10">
						<div class="row">
							<div class="col-lg-4"><img class="img-vertical" alt="" src="images/icon web/Untitled-1-20.png"></div>
							<div class="col-lg-4"><img class="img-vertical" alt="" src="images/icon web/Untitled-1-20.png"></div>
							<div class="col-lg-4"><img class="img-vertical" alt="" src="images/icon web/Untitled-1-20.png"></div>
						</div>
					</div>
					<div class="col-lg-1"></div>
				</div>
				<div class="row">
					<div class="col-lg-1"></div>
					<div class="col-lg-10">
						<div class="row">
							<div class="col-lg-6"><img alt="" src="images/icon web/Untitled-1-19.png"></div>
							<div class="col-lg-6"><img alt="" src="images/icon web/Untitled-1-19.png"></div>
						</div>
					</div>
					<div class="col-lg-1"></div>
				</div>
			</div>
            <nav class="navbar navbar-default navbar-fixed-bottom menu-phone-bottom" role="navigation">
              <div class="container">
              	<ul class="nav navbar-default">
                     <li>
                        <a href="#" class="nav-wedding-images-phone">
                        </a>
                     </li>
                     <li>
                        <a href="#" class="nav-alert-phone">
                        </a>
                     </li>
                     <li>
                        <a href="#" class="nav-bride-groom-phone">
                        </a>
                     </li>
                     <li>
                        <a href="#" class="nav-personal-phone">
                        </a>
                     </li>
                     <li>
                        <a href="#" class="nav-setting-phone">
                        </a>
                     </li>
                </ul>
              </div>
            </nav>
		</div>
	</body>
</html>